<template>
	<div class="person">
		<h2>当前求和为：{{ num }},放大十倍{{ bigNum }}</h2>
		<button @click="plusFun">点我sum+1</button>
		<hr>
		<img v-for="(item, index) in dogList" :src="item" :key="index" />
		<br>
		<button @click="getDog">再来一只小狗</button>
	</div>
</template>
<script lang="ts" setup>
import useNum from '@/hooks/useNum';
import useDog from '@/hooks/useDog';

const { num, plusFun,bigNum } = useNum()
const { dogList, getDog } = useDog()
</script>
<style>
.person {
	background-color: skyblue;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 10px;
}

img {
	height: 100px;
	margin-left: 10px;
}
</style>
